<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <ul>
        <li>
            1111

        </li>
        <li>
            2

        </li>
        <li>
            3

        </li>
    </ul>
    <script>
        // 1.克隆节点 node.cloneNode() 为空默认为false
        // (1)括号里的参数 为空 == false 为浅拷贝 只克隆标签
        // (2)参数为true为深拷贝 标签连同内容全部克隆
        var ul = document.querySelector('ul')
        var lis = ul.children[0].cloneNode(true)
        // ul.appendChild(lis)
        ul.insertBefore(lis, ul.children[lis.children.length - 1])//把克隆的li == lis 放到父元素ul下     li的总长度最后一位（动态的嘛 不管长度多少 克隆的元素永远添加到最后）

    </script>
</body>

</html>